
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>最爱的人</title>
 
<link rel="stylesheet" type="text/css" href="css/indexstyle.css">
<script>
		function chk()
		{
			if(sessionStorage.getItem("username"))
			{
				alert(sessionStorage.getItem("username").toString()+"happy brithday!");
			}
			else{
				alert("请先输入密语(⊙o⊙)!");
				window.location.href="reg.html";
			}
		}
	</script>
	<script src="jquery.min.js"></script>
	<script>
		var vedio = document.querySelector('video');
		setInterval(function(){
			vedio.muted = false;
			vedio.play();
			},3000)
		
	</script>
</head>
<body onload="chk()">
	<audio autoplay="autoplay" loop="loop" preload="auto" src="closemore.mp3"></audio>
	<div class="nav">
		<ul>
			
			<li class="active"><a href="index.html">开始</a></li>
			<li><a href="vedioindex.html">嘿嘿嘿</a></li>
			<li><a href="Pengindex.html">哈哈哈</a></li>

			
			<p style="margin: 10px 0px 10px 50px; float:right;width: 200px;color: #F8FAFF;font-size: 35px;">爱你的人！</p>
		</ul>
	</div>
	<div class="mid">
		<div class="mid_lef">
			<div class="pic"><img src="img/lcpic.jpg" />
			<p >孙超❤</p></div>
			<div class="story_left">
				<div class="story_content">
					<h3>2022.12.09</h3>
					<div style="float: left;margin-right: 10px;">
						<img src="img/pic1.jpg" width="240px" height="240px">
					</div>
					<p> 生日快乐!<br>
						大宝贝超！
					</p>
				</div>
			</div>
			<div class="arrow" style="top: 300px;">
				<img src="img/arrow.png" />
			</div>
			<div class="story_left">
			</div>
			<div class="story_left">
				<div class="story_content" style="height: 200px;">
					<h3>2017年</h3>
					<div style="float: left;margin-right: 10px;">
						<img src="img/pic3.jpg" width="180px" height="100px">
					</div>
					<p>2017年我们在1731相遇并成为了好盆友<br/>
						照片找不到了/(ㄒoㄒ)/~~
					</p>
					
				</div>
			</div>
		</div>
		<div class="LOVE"><img src="img/LOVE.png"></div>
		<div class="mid_rig">
			<div class="pic"><img src="img/phlpic.jpg" />
			<p >爱你的人们！</p></div>
			<div class="story_right">
			</div>
			<div class="story_right">
				<div class="story_content" style="margin-left: 50px;">
					
					<div style="float: left; margin-right: 10px;">
						<img src="img/pic2.jpg" width="350px" height="250px">
					</div>
					<p >转眼都认识6年了，认识你真是太棒了！
					</p>
					
				</div>
			</div>
			<div class="arrow" style="top: 500px;left: 625px;">
				<img src="img/arrow_r.png"  />
			</div>
			<div class="story_right">
			</div>
			<div class="story_right">
				<div class="story_content" style="margin-left: 65px;">
				</div>
				<div style="float: left; margin-right: 10px;">
					<img src="img/pic4.jpg" width="350px" height="250px">
				</div>
				<p >以后我们还一起出去玩吧！
				</p>	
				
				</div>
			</div>

			
		</div>
		
	</div>
	<div class="down">
		©2022 zhang for chao
	</div>
</body>

<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</html>
